<template>
	<div class="header">
		<router-link tag="div" to="/" class="header-back">
			<i class="iconfont">&#xe624;</i>
		</router-link>
		<div class="header-desc">
			选择城市
		</div>
	</div>
</template>
<script>
	export default{
		name:"CityHeader"
	}
</script>
<style lang="less" scoped>
	@import "~less/common/base.less";
	.header{
		display: flex;
		text-align: center;
		height: .88rem;
		line-height: .88rem;
		background: @bgColor;
		color:#fff;
		.header-back{
			width: .74rem;
		}
		.header-desc{
			flex: 1;
			padding-right: .74rem;
			font-size: .32rem;
		}
	}
</style>